<template>
  <div style="height:100%;overflow:hidden">
    <title-bar titleText="我的钱包" />
    <div>
      <balance-face />
      <balance-list />
    </div>
  </div>
</template>

<script>
import { TitleBar } from 'vue-xb-ui-depot'
import BalanceFace from './components/BalanceFace'
import BalanceList from './components/BalanceList'
export default {
  components: {
    'title-bar': TitleBar,
    'balance-face': BalanceFace,
    'balance-list': BalanceList
  }
}
</script>

<style>
html,
body {
  height: 100%;
}

.title-bar-wrapper {
  color: #fff;
  background: #28acff;
}
</style>
